<template>
    <view>
        <!--页面标题头begin-->
        <view class="smart-page-head">
            <view class="smart-page-head-title">radio单选按钮</view>
        </view>
        <!--页面标题头end-->
        <view>
            <radio color="#ffaa00" :checked="state" class="miniRadio" @click="change"></radio>选中
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                state: false
            }
        },
        methods: {
            change() {
                console.log('click。。。');
                if (this.state)
                    this.state = false;
                else
                    this.state = true;
            }
        }
    }
</script>
<style>
	.miniRadio {
		transform: scale(0.7);
	}
</style>


